<f:subview xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">



	<h1><h:outputLabel  value="#{global.analyzer_currentyear}: " />
		<h:inputText style="width: 50px;font-size: 20px;font-weight: bold;" value="#{analyzerMB.currentYear}"/>
	</h1>




	<ul class="chart-year">
		<ui:repeat var="record" value="#{analyzerMB.trendByMonth}">
			<a4j:commandLink actionListener="#{analyzerMB.doSwitchMonth}" render="monthchart_id">
				<li style="border-top-width:#{100-record[2]}px">#{record[3]}<span>#{record[1]}</span></li>
					<f:param name="id" value="#{record[0]}" />
			</a4j:commandLink>
		</ui:repeat>
	</ul>

	<h1><h:outputText value="#{analyzerMB.currentMonthText}" /></h1>
	<a4j:outputPanel id="monthchart_id">
		<ul class="chart-month">
			<ui:repeat var="record" value="#{analyzerMB.trendByDay}">
				<li style="border-top-width:#{100-record[2]}px">#{record[0]}.<span>#{record[1]}</span></li>
			</ui:repeat>
		</ul>
	</a4j:outputPanel>



	<rich:dataTable rendered="false" columns="2" value="#{analyzerMB.trendByDay}"
		var="record">
 
		<rich:column>
			<f:facet name="header">
				<h:outputText value="Referrer" />
			</f:facet>
			<h:outputText value="#{record[0]}" />
		</rich:column>

		<rich:column>
			<f:facet name="header">
				<h:outputText value="hits" />
			</f:facet>
			<h:outputText value="#{record[1]}" />
		</rich:column>

		<rich:column>
			<f:facet name="header">
				<h:outputText value="%" />
			</f:facet>
			<h:outputText value="#{record[2]}" />
		</rich:column>


	</rich:dataTable>

</f:subview>